@media screen and ( max-width:900px){



}

 @media screen and ( max-width:850px){

main{
  width: 90%;
}

  .wrap{
    
    width: 95%;
    margin:auto;
    grid-column: 1/4;
     user-zoom: none;
       
}
.galeria{
    
  width: 90%;
  justify-content: center;
   
}


}
@media screen and ( max-width:650px){
.tarjetas{
    width: 95%;
}

}

@media screen and ( max-width:500px){
.secciones{
  width: 95%;
}

.wrap{
    
        width: 95%;
        margin:auto;
        grid-column: 1/4;
        -ms-zoom: none;
       
}
.tabs{
        width: 100%;
}

.tarjetas{
  width: 98%;
  height: 90%;
  border-style: solid;
  border-radius: 15px;
  border-color: rgb(5, 32, 61,0.50);
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(auto, 1fr);

}

}
@media screen and ( max-width:350px){
    #tab1,#tab2{
        margin: 0%;
        padding: 10px;
    }
}



.card{

  width:95% ;
  margin: 15px auto;
  display: flex;
  align-items: center;
  flex-direction: column;

}

.card .imagen{

  height: 80%;
  width: 90%;
  display: flex;
  align-items: center;
  border: solid rgb(5, 32, 61,0.50) ;
  border-radius:15px ; 
  overflow: hidden;
 
}